<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/public.css" media="all">
    <style>
        body {
            background-color: #ffffff;
        }
    </style>
</head>
<body>

<div class="layui-tab">
    <ul class="layui-tab-title">
        <li class="layui-this">任务修改</li>
        <li>任务操作</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">

            <form class="layui-form"  lay-filter="example" onsubmit="return false;" action="">
                <input type="hidden" name="id" lay-verify="required" lay-reqtext="id不能为空" placeholder="请输入id" value="" class="layui-input">
                <div class="layui-form layuimini-form">
                    <div class="layui-form-item">
                        <label class="layui-form-label required">任务名称</label>
                        <div class="layui-input-block">
                            <input type="text" name="name" lay-verify="required" lay-reqtext="任务名称不能为空" placeholder="请输入任务名称" value="" class="layui-input">
                            <tip>填写任务名称</tip>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label required">反射类</label>
                        <div class="layui-input-block">
                            <input type="text" name="clazz" lay-verify="clazz不能为空" lay-reqtext="class不能为空" placeholder="请输入反射类" value="" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label required">多少秒执行一次</label>
                        <div class="layui-input-block">
                            <input type="text" name="secords" lay-verify="secords" lay-reqtext="secords不能为空" placeholder="请输入多少秒执行一次" value="" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label required">jobName</label>
                        <div class="layui-input-block">
                            <input type="text" name="jobName" lay-verify="required" lay-reqtext="jobName不能为空" placeholder="请输入jobName" value="" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label required">jobGroup</label>
                        <div class="layui-input-block">
                            <input type="text" name="jobGroup" lay-verify="required" lay-reqtext="jobGroup不能为空" placeholder="请输入jobGroup" value="" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label required">jobTigger</label>
                        <div class="layui-input-block">
                            <input type="text" name="jobTigger" lay-verify="required" lay-reqtext="jobTigger不能为空" placeholder="请输入jobTigger" value="" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label required">jobTiggerGroup</label>
                        <div class="layui-input-block">
                            <input type="text" name="jobTiggerGroup" lay-verify="required" lay-reqtext="jobTiggerGroup不能为空" placeholder="请输入jobTiggerGroup" value="" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label">任务备注</label>
                        <div class="layui-input-block">
                            <textarea name="descnote" class="layui-textarea" placeholder="请输入任务备注"></textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
                        </div>
                    </div>
                </div>
            </form>

        </div>
        <div class="layui-tab-item">

            <div class="layui-btn-group">
                <button type="button" class="layui-btn">任务暂停</button>
                <button type="button" class="layui-btn">任务启动</button>
                <button type="button" class="layui-btn">任务执行一次</button>
            </div>

            <a id="table-quartz"></a>

        </div>
    </div>
</div>




<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="/js/jquery-1.12.1.min.js"></script>
<script src="/js/common.js" charset="utf-8"></script>
<script>
    layui.use(['form'], function () {
        var form = layui.form,
            layer = layui.layer,
            $ = layui.$;


        var url = decodeURI(window.location.href);
        var argsIndex = url.split("?obj=");
        var arg = argsIndex[1];
        console.log(arg);
        let data=api.getquartzone(arg);

        form.val('example',{
            name:data.data.name,
            clazz:data.data.clazz,
            secords:data.data.secords,
            jobName:data.data.jobName,
            jobGroup:data.data.jobGroup,
            jobTigger:data.data.jobTigger,
            jobTiggerGroup:data.data.jobTiggerGroup,
            id:data.data.id
        });

        //监听提交
        form.on('submit(saveBtn)', function (data) {
            let obj=api.updatequartz(data.field);
            if(obj.code===0){
                layer.msg(obj.msg)
            }else {
                return  layer.msg(obj.msg);
            }
            var iframeIndex = parent.layer.getFrameIndex(window.name);
            parent.layer.close(iframeIndex);
        });

        loadTable();
        function loadTable() {
            let str=quartzTbale(data.data);
            $("#table-quartz").html(str);
        }

        function quartzTbale(data) {
            let str='  <table class="layui-table">\n' +
                '                <colgroup>\n' +
                '                    <col width="150">\n' +
                '                    <col width="200">\n' +
                '                    <col>\n' +
                '                </colgroup>\n' +
                '                <thead>\n' +
                '                <tr>\n' +
                '                    <th>任务名称</th>\n' +
                '                    <th>任务反射类</th>\n' +
                '                    <th>任务执行时间</th>\n' +
                '                </tr>\n' +
                '                </thead>\n' +
                '                <tbody>\n' +
                '                <tr>\n' +
                '                    <td>'+data.name+'</td>\n' +
                '                    <td>'+data.clazz+'</td>\n' +
                '                    <td>'+data.secords+'</td>\n' +
                '                </tr>\n' +
                '                </tbody>\n' +
                '            </table>'
            return str;
        }

    });
</script>
</body>
</html>